<template>
	<s-layout
	  navbar="custom1"
	  onShareAppMessage
	  showLeftButton
	>
	
	 <view class="main_bg">
		 <image :src="sheep.$url.cdn('/static/home/imgs/down_app.png')" mode="widthFix" class="bg-img"></image>
	 </view>
	 
	 <view class="btns-group ss-flex ss-row-center ss-col-center">
	 	<view class="btn" @click="appleClick"></view>
	 	<view class="btn" @click="androidClick"></view>
	 </view>
	</s-layout>
</template>

<script setup>
	
	import sheep from '@/sheep';
	
	import {
		reactive,
		ref,
		computed,
		watch,
		onMounted
	} from 'vue';
	
	import dayjs from 'dayjs';
	
	function appleClick() {
		
		uni.showToast({
			title:'暂未开放',
			icon:'none',
		})
		
		// copyToClipboard('')
	}
	
	function androidClick() {
		
		copyToClipboard('https://jingxishenghuo1688.com/files/jxsh1.0.1.apk')
	}
	
	function copyToClipboard(url){
		uni.setClipboardData({
			data: url,
			success: () => {
				uni.showToast({
					title: '已复制链接，请在浏览器中打开',
					icon: 'none'
				});
			}
		});
	}
</script>

<style lang="scss" scoped>
	.main_bg{
		width: 750rpx;
		.bg-img{
			width: 100%;
		}
	}
	
	.btns-group {
		left: 90rpx;
		right: 90rpx;
		height: 60rpx;
		position: absolute;
		top: 1148rpx;
		z-index: 10;
		
		.btn {
			border-radius: 30rpx;
			width: 245rpx;
			height: 70rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			
		}
		
	}
	.btns-group .btn:nth-child(1){
		margin-right: 10rpx;
	}
	
	.btns-group .btn:nth-child(2){
		margin-left: 10rpx;
	}
	
</style>
